<!-- 订单编辑  -->
<template>
  <div class="edit">
    <p>订单编辑</p>
    <div class="edit-data">
      <p>
      <div>订单号</div>123 {{ }} </p>
      <p>
      <div>下单时间</div>123 {{ }} </p>
      <p>
      <div>*手机号</div> <el-input v-model="phone" style="width: 300px" placeholder="{{}}" /> </p>
      <p>
      <div>*收货人</div><el-input v-model="consignee" style="width: 300px" placeholder="{{}}" /> </p>
      <p>
      <div>*配送地址</div><el-input v-model="address" style="width: 300px" placeholder="{{}}" />
      </p>
      <p>
      <div>送达时间</div>123 {{ }} </p>
      <p>
      <div>*用户备注</div><el-input v-model="Remarks" style="width: 300px" placeholder="{{}}" />
      </p>
      <p>
      <div>订单金额</div>123 {{ }}</p>
    </div>
  </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'

const phone = ref('')
const consignee = ref('')
const address = ref('')
const Remarks = ref('')



// const num = ref(15)
// const handleChange = (value: number) => {
//   // console.log(value)
//   return value
// }
</script>
<style scoped>
.edit-data>p {
  display: flex;
  margin-top: 10px;
}

.edit-data>p>div {
  width: 100px;
  text-align: right;
  margin-right: 10px;
}
</style>